<?php
require_once '../includes/dbcon.php';

// Check if user is logged in and has admin privileges
if (!is_logged_in() || $_SESSION['user_role'] != 'admin') {
    redirect('login.php');
}

$action = $_GET['action'] ?? 'list';
$message = '';
$error = '';

// Handle form submissions
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $csrf_token = $_POST['csrf_token'] ?? '';
    
    if (!validate_csrf_token($csrf_token)) {
        $error = "Security token invalid. Please try again.";
    } else {
        try {
            if (isset($_POST['add_teacher'])) {
                // Add new teacher
                $name = sanitize_input($_POST['name']);
                $position = sanitize_input($_POST['position']);
                $section = sanitize_input($_POST['section']);
                $qualification = sanitize_input($_POST['qualification'] ?? '');
                $experience = sanitize_input($_POST['experience'] ?? '');
                $email = sanitize_input($_POST['email'] ?? '');
                $phone = sanitize_input($_POST['phone'] ?? '');
                $bio = sanitize_input($_POST['bio'] ?? '');
                $display_order = intval($_POST['display_order'] ?? 0);
                $status = sanitize_input($_POST['status'] ?? 'active');
                
                $image_path = '';
                
                // Handle file upload
                if (isset($_FILES['image']) && $_FILES['image']['error'] === 0) {
                    $upload_dir = $_SERVER['DOCUMENT_ROOT'] . '/raymond/raymond/images/staff/';
                    
                    // Create directory if it doesn't exist
                    if (!is_dir($upload_dir)) {
                        if (!mkdir($upload_dir, 0755, true)) {
                            throw new Exception("Failed to create upload directory. Please check permissions.");
                        }
                    }
                    
                    // Check if directory is writable
                    if (!is_writable($upload_dir)) {
                        throw new Exception("Upload directory is not writable. Please check permissions.");
                    }
                    
                    $file_extension = strtolower(pathinfo($_FILES['image']['name'], PATHINFO_EXTENSION));
                    $allowed_extensions = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
                    
                    if (in_array($file_extension, $allowed_extensions)) {
                        // Check file size (2MB limit)
                        if ($_FILES['image']['size'] > 2 * 1024 * 1024) {
                            throw new Exception("File size too large. Maximum size is 2MB.");
                        }
                        
                        $filename = 'teacher_' . time() . '_' . uniqid() . '.' . $file_extension;
                        $destination = $upload_dir . $filename;
                        
                        if (move_uploaded_file($_FILES['image']['tmp_name'], $destination)) {
                            $image_path = 'images/staff/' . $filename;
                        } else {
                            $upload_error = $_FILES['image']['error'];
                            $error_messages = [
                                1 => 'The uploaded file exceeds the upload_max_filesize directive in php.ini',
                                2 => 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form',
                                3 => 'The uploaded file was only partially uploaded',
                                4 => 'No file was uploaded',
                                6 => 'Missing a temporary folder',
                                7 => 'Failed to write file to disk',
                                8 => 'A PHP extension stopped the file upload'
                            ];
                            throw new Exception("Failed to upload image: " . ($error_messages[$upload_error] ?? 'Unknown error'));
                        }
                    } else {
                        throw new Exception("Invalid file type. Only JPG, PNG, GIF, and WebP are allowed.");
                    }
                }
                
                // Insert into database
                if (!empty($image_path)) {
                    $stmt = $DBcon->prepare("INSERT INTO teachers (name, position, section, image, qualification, experience, email, phone, bio, display_order, status) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");
                    $stmt->execute([$name, $position, $section, $image_path, $qualification, $experience, $email, $phone, $bio, $display_order, $status]);
                } else {
                    $stmt = $DBcon->prepare("INSERT INTO teachers (name, position, section, qualification, experience, email, phone, bio, display_order, status) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");
                    $stmt->execute([$name, $position, $section, $qualification, $experience, $email, $phone, $bio, $display_order, $status]);
                }
                
                $message = "Teacher added successfully!";
                
            } elseif (isset($_POST['edit_teacher'])) {
                // Update teacher
                $id = $_POST['id'];
                $name = sanitize_input($_POST['name']);
                $position = sanitize_input($_POST['position']);
                $section = sanitize_input($_POST['section']);
                $qualification = sanitize_input($_POST['qualification'] ?? '');
                $experience = sanitize_input($_POST['experience'] ?? '');
                $email = sanitize_input($_POST['email'] ?? '');
                $phone = sanitize_input($_POST['phone'] ?? '');
                $bio = sanitize_input($_POST['bio'] ?? '');
                $display_order = intval($_POST['display_order'] ?? 0);
                $status = sanitize_input($_POST['status'] ?? 'active');
                
                if (isset($_FILES['image']) && $_FILES['image']['error'] === 0) {
                    // Handle new image upload
                    $upload_dir = $_SERVER['DOCUMENT_ROOT'] . '/raymond/raymond/images/staff/';
                    
                    // Create directory if it doesn't exist
                    if (!is_dir($upload_dir)) {
                        if (!mkdir($upload_dir, 0755, true)) {
                            throw new Exception("Failed to create upload directory. Please check permissions.");
                        }
                    }
                    
                    // Check if directory is writable
                    if (!is_writable($upload_dir)) {
                        throw new Exception("Upload directory is not writable. Please check permissions.");
                    }
                    
                    $file_extension = strtolower(pathinfo($_FILES['image']['name'], PATHINFO_EXTENSION));
                    $allowed_extensions = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
                    
                    if (in_array($file_extension, $allowed_extensions)) {
                        // Check file size (2MB limit)
                        if ($_FILES['image']['size'] > 2 * 1024 * 1024) {
                            throw new Exception("File size too large. Maximum size is 2MB.");
                        }
                        
                        $filename = 'teacher_' . time() . '_' . uniqid() . '.' . $file_extension;
                        $destination = $upload_dir . $filename;
                        
                        if (move_uploaded_file($_FILES['image']['tmp_name'], $destination)) {
                            $image_path = 'images/staff/' . $filename;
                            
                            // Delete old image
                            $stmt = $DBcon->prepare("SELECT image FROM teachers WHERE id = ?");
                            $stmt->execute([$id]);
                            $old_image = $stmt->fetchColumn();
                            
                            if ($old_image && !empty($old_image)) {
                                $old_image_path = $_SERVER['DOCUMENT_ROOT'] . '/raymond/raymond/' . $old_image;
                                if (file_exists($old_image_path)) {
                                    unlink($old_image_path);
                                }
                            }
                            
                            $stmt = $DBcon->prepare("UPDATE teachers SET name = ?, position = ?, section = ?, image = ?, qualification = ?, experience = ?, email = ?, phone = ?, bio = ?, display_order = ?, status = ? WHERE id = ?");
                            $stmt->execute([$name, $position, $section, $image_path, $qualification, $experience, $email, $phone, $bio, $display_order, $status, $id]);
                            $message = "Teacher updated successfully!";
                        } else {
                            $upload_error = $_FILES['image']['error'];
                            $error_messages = [
                                1 => 'The uploaded file exceeds the upload_max_filesize directive in php.ini',
                                2 => 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form',
                                3 => 'The uploaded file was only partially uploaded',
                                4 => 'No file was uploaded',
                                6 => 'Missing a temporary folder',
                                7 => 'Failed to write file to disk',
                                8 => 'A PHP extension stopped the file upload'
                            ];
                            throw new Exception("Failed to upload image: " . ($error_messages[$upload_error] ?? 'Unknown error'));
                        }
                    } else {
                        throw new Exception("Invalid file type. Only JPG, PNG, GIF, and WebP are allowed.");
                    }
                } else {
                    // Update without new image
                    $stmt = $DBcon->prepare("UPDATE teachers SET name = ?, position = ?, section = ?, qualification = ?, experience = ?, email = ?, phone = ?, bio = ?, display_order = ?, status = ? WHERE id = ?");
                    $stmt->execute([$name, $position, $section, $qualification, $experience, $email, $phone, $bio, $display_order, $status, $id]);
                    $message = "Teacher updated successfully!";
                }
            }
        } catch (Exception $e) {
            $error = $e->getMessage();
        }
    }
}

// Handle delete action
if (isset($_GET['delete'])) {
    $id = $_GET['delete'];
    $csrf_token = $_GET['csrf_token'] ?? '';
    
    if (validate_csrf_token($csrf_token)) {
        try {
            // Get image path before deletion
            $stmt = $DBcon->prepare("SELECT image FROM teachers WHERE id = ?");
            $stmt->execute([$id]);
            $image_path = $stmt->fetchColumn();
            
            // Delete from database
            $stmt = $DBcon->prepare("DELETE FROM teachers WHERE id = ?");
            $stmt->execute([$id]);
            
            // Delete image file
            if ($image_path && !empty($image_path)) {
                $full_image_path = $_SERVER['DOCUMENT_ROOT'] . '/raymond/raymond/' . $image_path;
                if (file_exists($full_image_path)) {
                    unlink($full_image_path);
                }
            }
            
            $message = "Teacher deleted successfully!";
        } catch (Exception $e) {
            $error = "Error deleting teacher: " . $e->getMessage();
        }
    } else {
        $error = "Security token invalid.";
    }
}

// Handle status toggle
if (isset($_GET['toggle_status'])) {
    $id = $_GET['toggle_status'];
    $csrf_token = $_GET['csrf_token'] ?? '';
    
    if (validate_csrf_token($csrf_token)) {
        try {
            $stmt = $DBcon->prepare("SELECT status FROM teachers WHERE id = ?");
            $stmt->execute([$id]);
            $current_status = $stmt->fetchColumn();
            
            $new_status = ($current_status == 'active') ? 'inactive' : 'active';
            
            $stmt = $DBcon->prepare("UPDATE teachers SET status = ? WHERE id = ?");
            $stmt->execute([$new_status, $id]);
            
            $message = "Teacher status updated successfully!";
        } catch (Exception $e) {
            $error = "Error updating teacher status: " . $e->getMessage();
        }
    } else {
        $error = "Security token invalid.";
    }
}

// Fetch teachers for listing
try {
    $stmt = $DBcon->prepare("SELECT * FROM teachers ORDER BY section, display_order ASC, id DESC");
    $stmt->execute();
    $teachers = $stmt->fetchAll(PDO::FETCH_ASSOC);
} catch (Exception $e) {
    $error = "Error fetching teachers: " . $e->getMessage();
    $teachers = [];
}

// Fetch single teacher for editing
$edit_teacher = null;
if ($action === 'edit' && isset($_GET['id'])) {
    try {
        $stmt = $DBcon->prepare("SELECT * FROM teachers WHERE id = ?");
        $stmt->execute([$_GET['id']]);
        $edit_teacher = $stmt->fetch(PDO::FETCH_ASSOC);
        
        if (!$edit_teacher) {
            $error = "Teacher not found.";
            $action = 'list';
        }
    } catch (Exception $e) {
        $error = "Error fetching teacher: " . $e->getMessage();
        $action = 'list';
    }
}

// Generate CSRF token
$csrf_token = generate_csrf_token();
?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Teachers Management - School Admin</title>
  <link rel="stylesheet" href="vendors/iconfonts/font-awesome/css/all.min.css">
  <link rel="stylesheet" href="vendors/css/vendor.bundle.base.css">
  <link rel="stylesheet" href="vendors/css/vendor.bundle.addons.css">
  <link rel="stylesheet" href="css/style.css">
  <style>
    .teacher-img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        border-radius: 50%;
        border: 2px solid #e3e3e3;
    }
    .preview-image {
        max-width: 150px;
        max-height: 150px;
        border-radius: 8px;
        border: 2px solid #e3e3e3;
        margin: 10px 0;
    }
    .action-buttons .btn {
        margin: 2px;
        font-size: 0.8rem;
    }
    .status-badge {
        font-size: 0.75rem;
        padding: 4px 8px;
    }
    .section-badge {
        font-size: 0.7rem;
        padding: 3px 8px;
        border-radius: 12px;
    }
    .empty-state {
        text-align: center;
        padding: 40px 20px;
        color: #6c757d;
    }
    .empty-state i {
        font-size: 48px;
        margin-bottom: 15px;
        color: #dee2e6;
    }
    .card-title-with-button {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px;
    }
    .search-box {
        max-width: 300px;
    }
    .table-responsive table {
        font-size: 0.9rem;
    }
    .bio-preview {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    @media (max-width: 768px) {
        .card-title-with-button {
            flex-direction: column;
            align-items: flex-start;
        }
        .search-box {
            max-width: 100%;
            width: 100%;
        }
        .action-buttons .btn {
            display: block;
            width: 100%;
            margin: 5px 0;
        }
        .teacher-img {
            width: 50px;
            height: 50px;
        }
    }
    @media (max-width: 576px) {
        .table-responsive {
            font-size: 0.8rem;
        }
        .btn-sm {
            padding: 0.25rem 0.5rem;
            font-size: 0.75rem;
        }
    }
  </style>
</head>

<body>
  <div class="container-scroller">
    <?php include("header.php"); ?>
    <div class="container-fluid page-body-wrapper">
      <?php include("sidebar.php"); ?>
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="page-header">
            <h3 class="page-title">
              <i class="fas fa-chalkboard-teacher"></i>
              Teachers Management
            </h3>
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="dashboard.php">Dashboard</a></li>
                <li class="breadcrumb-item active" aria-current="page">Teachers</li>
              </ol>
            </nav>
          </div>

          <!-- Alert Messages -->
          <?php if ($message): ?>
            <div class="alert alert-success alert-dismissible fade show" role="alert">
              <i class="fas fa-check-circle"></i> <?php echo $message; ?>
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
          <?php endif; ?>
          
          <?php if ($error): ?>
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
              <i class="fas fa-exclamation-circle"></i> <?php echo $error; ?>
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
          <?php endif; ?>

          <div class="row">
            <div class="col-12">
              
              <?php if ($action === 'list' || $action === 'delete' || $action === 'toggle_status'): ?>
                <!-- Teachers List -->
                <div class="card">
                  <div class="card-body">
                    <div class="card-title-with-button">
                      <h4 class="card-title mb-0">
                        <i class="fas fa-list"></i>
                        Manage Teachers
                      </h4>
                      <div class="d-flex gap-2 flex-wrap">
                        <div class="search-box">
                          <input type="text" class="form-control" id="searchTeachers" placeholder="Search teachers...">
                        </div>
                        <a href="?action=add" class="btn btn-primary btn-sm">
                          <i class="fas fa-plus"></i>
                          Add New Teacher
                        </a>
                      </div>
                    </div>
                    
                    <?php if (empty($teachers)): ?>
                      <div class="empty-state">
                        <i class="fas fa-chalkboard-teacher"></i>
                        <h4>No Teachers Found</h4>
                        <p>Get started by adding your first teacher.</p>
                        <a href="?action=add" class="btn btn-primary">
                          <i class="fas fa-plus"></i>
                          Add Teacher
                        </a>
                      </div>
                    <?php else: ?>
                      <div class="table-responsive mt-4">
                        <table class="table table-striped" id="teachersTable">
                          <thead>
                            <tr>
                              <th>Image</th>
                              <th>Name</th>
                              <th>Position</th>
                              <th>Section</th>
                              <th>Qualification</th>
                              <th>Status</th>
                              <th>Order</th>
                              <th>Actions</th>
                            </tr>
                          </thead>
                          <tbody>
                            <?php foreach ($teachers as $teacher): 
                              $section_colors = [
                                'Daycare' => 'bg-purple',
                                'Pre-nursery' => 'bg-success',
                                'Nursery' => 'bg-warning',
                                'Basic' => 'bg-danger',
                                'Management' => 'bg-info'
                              ];
                              $section_color = $section_colors[$teacher['section']] ?? 'bg-secondary';
                            ?>
                              <tr>
                                <td>
                                  <img src="../<?php echo htmlspecialchars($teacher['image'] ?: 'images/staff/placeholder.jpg'); ?>" 
                                       alt="<?php echo htmlspecialchars($teacher['name']); ?>" 
                                       class="teacher-img"
                                       onerror="this.src='../images/staff/placeholder.jpg'">
                                </td>
                                <td>
                                  <strong><?php echo htmlspecialchars($teacher['name']); ?></strong>
                                  <?php if (!empty($teacher['email'])): ?>
                                    <br><small class="text-muted"><?php echo htmlspecialchars($teacher['email']); ?></small>
                                  <?php endif; ?>
                                </td>
                                <td><?php echo htmlspecialchars($teacher['position']); ?></td>
                                <td>
                                  <span class="badge badge-pill <?php echo $section_color; ?> section-badge">
                                    <?php echo htmlspecialchars($teacher['section']); ?>
                                  </span>
                                </td>
                                <td>
                                  <?php if (!empty($teacher['qualification'])): ?>
                                    <span title="<?php echo htmlspecialchars($teacher['qualification']); ?>">
                                      <?php echo strlen($teacher['qualification']) > 30 ? substr($teacher['qualification'], 0, 30) . '...' : $teacher['qualification']; ?>
                                    </span>
                                  <?php else: ?>
                                    <span class="text-muted">-</span>
                                  <?php endif; ?>
                                </td>
                                <td>
                                  <span class="badge badge-pill <?php echo $teacher['status'] == 'active' ? 'badge-success' : 'badge-secondary'; ?> status-badge">
                                    <?php echo ucfirst($teacher['status']); ?>
                                  </span>
                                </td>
                                <td><?php echo $teacher['display_order']; ?></td>
                                <td class="action-buttons">
                                  <a href="?action=edit&id=<?php echo $teacher['id']; ?>" 
                                     class="btn btn-outline-primary btn-sm" title="Edit">
                                    <i class="fas fa-edit"></i>
                                  </a>
                                  <a href="?toggle_status=<?php echo $teacher['id']; ?>&csrf_token=<?php echo $csrf_token; ?>" 
                                     class="btn btn-outline-<?php echo $teacher['status'] == 'active' ? 'warning' : 'success'; ?> btn-sm"
                                     title="<?php echo $teacher['status'] == 'active' ? 'Deactivate' : 'Activate'; ?>">
                                    <i class="fas fa-<?php echo $teacher['status'] == 'active' ? 'pause' : 'play'; ?>"></i>
                                  </a>
                                  <a href="?delete=<?php echo $teacher['id']; ?>&csrf_token=<?php echo $csrf_token; ?>" 
                                     class="btn btn-outline-danger btn-sm" 
                                     onclick="return confirm('Are you sure you want to delete <?php echo addslashes($teacher['name']); ?>? This action cannot be undone.')"
                                     title="Delete">
                                    <i class="fas fa-trash"></i>
                                  </a>
                                </td>
                              </tr>
                            <?php endforeach; ?>
                          </tbody>
                        </table>
                      </div>
                    <?php endif; ?>
                  </div>
                </div>
              <?php endif; ?>

              <?php if ($action === 'add' || $action === 'edit'): ?>
                <!-- Add/Edit Form -->
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">
                      <i class="fas <?php echo $action === 'add' ? 'fa-plus' : 'fa-edit'; ?>"></i>
                      <?php echo $action === 'add' ? 'Add New Teacher' : 'Edit Teacher: ' . htmlspecialchars($edit_teacher['name']); ?>
                    </h4>
                    
                    <form method="POST" enctype="multipart/form-data" class="forms-sample">
                      <input type="hidden" name="csrf_token" value="<?php echo $csrf_token; ?>">
                      
                      <?php if ($action === 'edit'): ?>
                        <input type="hidden" name="id" value="<?php echo $edit_teacher['id']; ?>">
                      <?php endif; ?>
                      
                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group">
                            <label for="name">Full Name *</label>
                            <input type="text" class="form-control" id="name" name="name" 
                                   value="<?php echo $edit_teacher['name'] ?? ''; ?>" 
                                   placeholder="Enter teacher's full name" required>
                          </div>
                        </div>
                        <div class="col-md-6">
                          <div class="form-group">
                            <label for="position">Position *</label>
                            <input type="text" class="form-control" id="position" name="position" 
                                   value="<?php echo $edit_teacher['position'] ?? ''; ?>" 
                                   placeholder="e.g., Class Teacher, Subject Teacher" required>
                          </div>
                        </div>
                      </div>
                      
                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group">
                            <label for="section">Section *</label>
                            <select class="form-control" id="section" name="section" required>
                              <option value="">Select Section</option>
                              <option value="Daycare" <?php echo ($edit_teacher['section'] ?? '') == 'Daycare' ? 'selected' : ''; ?>>Daycare</option>
                              <option value="Pre-nursery" <?php echo ($edit_teacher['section'] ?? '') == 'Pre-nursery' ? 'selected' : ''; ?>>Pre-nursery</option>
                              <option value="Nursery" <?php echo ($edit_teacher['section'] ?? '') == 'Nursery' ? 'selected' : ''; ?>>Nursery</option>
                              <option value="Basic" <?php echo ($edit_teacher['section'] ?? '') == 'Basic' ? 'selected' : ''; ?>>Basic</option>
                              <option value="Management" <?php echo ($edit_teacher['section'] ?? '') == 'Management' ? 'selected' : ''; ?>>Management</option>
                            </select>
                          </div>
                        </div>
                        <div class="col-md-6">
                          <div class="form-group">
                            <label for="display_order">Display Order</label>
                            <input type="number" class="form-control" id="display_order" name="display_order" 
                                   value="<?php echo $edit_teacher['display_order'] ?? 0; ?>" 
                                   placeholder="Order for sorting" min="0">
                            <small class="form-text text-muted">Lower numbers appear first</small>
                          </div>
                        </div>
                      </div>
                      
                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group">
                            <label for="qualification">Qualification</label>
                            <input type="text" class="form-control" id="qualification" name="qualification" 
                                   value="<?php echo $edit_teacher['qualification'] ?? ''; ?>" 
                                   placeholder="e.g., B.Ed, M.Sc Education">
                          </div>
                        </div>
                        <div class="col-md-6">
                          <div class="form-group">
                            <label for="experience">Experience</label>
                            <input type="text" class="form-control" id="experience" name="experience" 
                                   value="<?php echo $edit_teacher['experience'] ?? ''; ?>" 
                                   placeholder="e.g., 5+ years, 10+ years">
                          </div>
                        </div>
                      </div>
                      
                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group">
                            <label for="email">Email Address</label>
                            <input type="email" class="form-control" id="email" name="email" 
                                   value="<?php echo $edit_teacher['email'] ?? ''; ?>" 
                                   placeholder="teacher@school.edu">
                          </div>
                        </div>
                        <div class="col-md-6">
                          <div class="form-group">
                            <label for="phone">Phone Number</label>
                            <input type="tel" class="form-control" id="phone" name="phone" 
                                   value="<?php echo $edit_teacher['phone'] ?? ''; ?>" 
                                   placeholder="+1234567890">
                          </div>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="bio">Bio/Description</label>
                        <textarea class="form-control" id="bio" name="bio" rows="4" 
                                  placeholder="Brief description about the teacher..."><?php echo $edit_teacher['bio'] ?? ''; ?></textarea>
                        <small class="form-text text-muted">Character limit: 500</small>
                      </div>
                      
                      <div class="form-group">
                        <label for="image">Profile Image <?php echo $action === 'add' ? '*' : ''; ?></label>
                        <input type="file" class="form-control-file" id="image" name="image" 
                               <?php echo $action === 'add' ? 'required' : ''; ?>
                               accept="image/jpeg,image/png,image/gif,image/webp">
                        <small class="form-text text-muted">
                          Supported formats: JPG, PNG, GIF, WebP. Max size: 2MB. Recommended: 400x400px
                        </small>
                        
                        <?php if ($action === 'edit' && !empty($edit_teacher['image'])): ?>
                          <div class="mt-2">
                            <p class="mb-1">Current Image:</p>
                            <img src="../<?php echo htmlspecialchars($edit_teacher['image']); ?>" 
                                 alt="Current image" class="preview-image"
                                 onerror="this.style.display='none'">
                          </div>
                        <?php endif; ?>
                      </div>
                      
                      <div class="form-group">
                        <label for="status">Status</label>
                        <select class="form-control" id="status" name="status">
                          <option value="active" <?php echo ($edit_teacher['status'] ?? 'active') == 'active' ? 'selected' : ''; ?>>Active</option>
                          <option value="inactive" <?php echo ($edit_teacher['status'] ?? 'active') == 'inactive' ? 'selected' : ''; ?>>Inactive</option>
                        </select>
                      </div>
                      
                      <div class="mt-4">
                        <button type="submit" name="<?php echo $action === 'add' ? 'add_teacher' : 'edit_teacher'; ?>" 
                                class="btn btn-primary mr-2">
                          <i class="fas fa-save"></i>
                          <?php echo $action === 'add' ? 'Add Teacher' : 'Update Teacher'; ?>
                        </button>
                        <a href="?action=list" class="btn btn-light">
                          <i class="fas fa-arrow-left"></i>
                          Back to List
                        </a>
                      </div>
                    </form>
                  </div>
                </div>
              <?php endif; ?>
              
            </div>
          </div>
        </div>
        
        <footer class="footer">
          <div class="d-sm-flex justify-content-center justify-content-sm-between">
            <span class="text-muted text-center text-sm-left d-block d-sm-inline-block">
              Copyright © 2024. All rights reserved.
            </span>
          </div>
        </footer>
      </div>
    </div>
  </div>

  <script src="vendors/js/vendor.bundle.base.js"></script>
  <script src="vendors/js/vendor.bundle.addons.js"></script>
  <script src="js/off-canvas.js"></script>
  <script src="js/hoverable-collapse.js"></script>
  <script src="js/misc.js"></script>
  <script src="js/settings.js"></script>
  <script src="js/todolist.js"></script>
  
  <script>
    // Image preview functionality
    document.getElementById('image')?.addEventListener('change', function(e) {
      const file = e.target.files[0];
      if (file) {
        // Check file size
        if (file.size > 2 * 1024 * 1024) {
          alert('File size too large. Maximum size is 2MB.');
          this.value = '';
          return;
        }
        
        const reader = new FileReader();
        reader.onload = function(e) {
          // Remove existing preview
          const existingPreview = document.querySelector('.image-preview');
          if (existingPreview) {
            existingPreview.remove();
          }
          
          // Create new preview
          const preview = document.createElement('div');
          preview.className = 'image-preview mt-2';
          preview.innerHTML = `
            <p class="mb-1">New Image Preview:</p>
            <img src="${e.target.result}" alt="Preview" class="preview-image">
          `;
          e.target.parentNode.appendChild(preview);
        };
        reader.readAsDataURL(file);
      }
    });

    // Search functionality
    document.getElementById('searchTeachers')?.addEventListener('keyup', function() {
      const searchText = this.value.toLowerCase();
      const table = document.getElementById('teachersTable');
      const rows = table.getElementsByTagName('tbody')[0].getElementsByTagName('tr');
      
      for (let i = 0; i < rows.length; i++) {
        const cells = rows[i].getElementsByTagName('td');
        let found = false;
        
        for (let j = 0; j < cells.length; j++) {
          const cellText = cells[j].textContent || cells[j].innerText;
          if (cellText.toLowerCase().indexOf(searchText) > -1) {
            found = true;
            break;
          }
        }
        
        rows[i].style.display = found ? '' : 'none';
      }
    });

    // Bio character counter
    document.getElementById('bio')?.addEventListener('input', function() {
      const maxLength = 500;
      const currentLength = this.value.length;
      const counter = this.parentNode.querySelector('.form-text');
      
      if (counter) {
        counter.textContent = `Character limit: ${maxLength} (${currentLength}/${maxLength})`;
        
        if (currentLength > maxLength) {
          counter.classList.add('text-danger');
        } else {
          counter.classList.remove('text-danger');
        }
      }
    });

    // Auto-dismiss alerts after 5 seconds
    setTimeout(() => {
      const alerts = document.querySelectorAll('.alert');
      alerts.forEach(alert => {
        const bsAlert = new bootstrap.Alert(alert);
        bsAlert.close();
      });
    }, 5000);
  </script>
</body>
</html>